<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>滚动练习</title>
    <style type="text/css">
        #info {
            width: 300px;
            height: 500px;
            background-color: #808080;
            overflow: auto;
        }
    </style>

    <script type="text/javascript">
        window.onload = function () {
            //获取P标签
            //var info = document.getElementById('info');

            //获取id为info的p元素
            var info = document.getElementById("info");
            //获取两个表单项
            var inputs = document.getElementsByTagName("input");
            console.log(inputs.length);
            info.onscroll = function () {
                //alert('我滚动了');
                if (Math.ceil(Math.ceil(info.scrollHeight - info.scrollTop) == info.clientHeight)) {
                    //alert('滚到头了');
                    inputs[0].disabled = false;
                    inputs[1].disabled = false;
                }
            };

        };
    </script>
</head>
<body>
<h3>欢迎亲爱的用户注册</h3>
<p id="info">
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
    亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册
</p>
<!-- 如果为表单项添加disabled="disabled" 则表单项将变成不可用的状态 -->
<input type="checkbox" disabled="disabled"/>我已仔细阅读协议，一定遵守
<input type="submit" value="注册" disabled="disabled"/>
</body>
</html>